@import '../../../../../style/color';
@import '../../../../../style/font';
@import '../../../../../style/domain';
@import "../../../../../style/mixin";

.tlypica-plan-page {
  margin-top: 20px;
  width: 100%;
  height: 723px;
  background:
    url("./../../../../../../images/page/map_b_l1.png") no-repeat top left,
    url("./../../../../../../images/page/map_b_r1.png") no-repeat top right;
  background-size: 263px 100%;
  padding: 28px 32px;

  .map-wrap {
    width: 100%;
    height: 100%;
    border: solid 1px $button-normal-background-color;
    position: relative;

    .left-search {
      position: absolute;
      z-index: 1000;
      top: 21px;
      left: 21px;
      width: 260px;
      height:50px;
      background-color: #ffffff;

      .ant-input{
        width: 260px;
        height:50px;
        border-radius: 0;
        font-size: 24px;

        &::placeholder {
          font-family: $regular-font-family;
          font-size: 20px;
          color: $search-input-color;
          letter-spacing: 1px;
        }
      }

      .anticon-search:before {
        color: $search-input-color;
      }

      .ant-input-search-icon {
        font-size: 28px;
      }

    }

    .right-btn {
      position: absolute;
      z-index: 999999;
      top: 21px;
      right: 21px;

      .btn  {
        width: 161px;
        height: 47px;
        font-family: $regular-font-family;
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 1px;

        &:hover,&:focus {
          color: #ffffff;
          background-color: $button-normal-background-color;
          border-color: $button-normal-background-color;
        }
      }
    }

    .tdt-infowindow-tip-container {
      width: 0;
      height: 0;
    }

    .tdt-infowindow-content-wrapper, .tdt-infowindow-tip {
      background-color: transparent;
      box-shadow: none;
    }

    .tdt-infowindow-content-wrapper {
      padding: 0;
    }

    .tdt-container a.tdt-infowindow-close-button {
      display: none;
    }

    .info-window-wrap {

      .name {
        font-family: $regular-font-family;
        font-size: 28px;
        color: #FFFFFF;
        letter-spacing: 0;
      }

      .content-detail {
        font-family: $regular-font-family;
        font-size: 22px;
        color: #FFFFFF;
        letter-spacing: 0;
        padding: 8px 0;
      }

      .detail {
        font-family: $medium-font-family;
        font-size: 22px;
        color: #00BEFF;
        letter-spacing: 0;
      }
    }
  }

}



// 创建新案例
.Create-new-plan-page {
  text-align: center;

  .project-wrap {
    display: inline-block;

    .form {
      text-align: left;
    }

    .ant-form .ant-form-item .ant-input {
      width: 260px;

      &::placeholder {
        color: $search-input-color;
      }
    }

    .ant-form .ant-form-item .ant-select-selection__placeholder {
      color: $search-input-color !important;
    }
  }

  .ant-form-item-label {
    width: 120px;
  }

  .btn-bottom {
    padding-bottom: 35px;
    text-align:center;

    .btn {
      width: 150px;
      height: 50px;
      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 1px;
      line-height: 50px;

      .img {
        display: inline-block;
        margin-right: 12px;
        vertical-align: middle;
      }
    }
  }

  .map-area{
    margin-left:20px;
    width:150px;
    height:40px;
    font-family: $regular-font-family;
    font-size: 20px;
    color: $normal-font-color;
    letter-spacing: 1px;
    vertical-align: top;
  }
}

//选择地图
.choose-map{
  overflow: hidden;
  *zoom: 1;
  height: 100%;

  .map{
    width:100%;
    position: relative;
    height: 100%;
    border: solid 1px $button-normal-background-color;
  }
}

.special-manage-detail{
  text-align:center;
  .detail-header{
    margin:40px 0;
    font-family: $regular-font-family;
    font-size: 24px;
    color: $normal-font-color;
  }
  .detail-content{
    margin:0 auto;
    width:1000px;
    font-family: $regular-font-family;
    font-size: 18px;
    color: $normal-font-color;
  }
  .detail-pic, .detail-video{
    width: 800px;
    height:400px;
    margin: 0 auto;

    >div{
      margin:30px 0;
      width:100%;
      height:100%;
      img{
        width:100%;
        height:100%;
      }
    }

    .video-wrap {
      width: 100%;
      background-color: #000000;

      video {
        height: 400px;
      }
    }
  }
  .ant-carousel, .slick-initialized .slick-slider, .slick-list{
    height:400px;
  }
}
